<!DOCTYPE html>
<html lang="en">
<title>Beranda</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<head>
	<script src="/ppweb/js/jquery.js"></script> 
	<script src="/ppweb/js/tooltip.js"></script>
	<script src="/ppweb/js/popover.js"></script>
	<script src="/ppweb/js/bootstrap.min.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
	<title> Tampilan </title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	
<style>
body{background-color:#eee;}
h3{color:#999;}
footer{background-color:#999;}
</style>
</head>

<body> <!--aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa-->
<!-- Modal Start -->
<!-- Modal 1 -->
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 2-->
<div class="modal fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 3-->
<div class="modal fade" id="modal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 4-->
<div class="modal fade" id="modal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 5-->
<div class="modal fade" id="modal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 6-->
<div class="modal fade" id="modal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 7-->
<div class="modal fade" id="modal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 8-->
<div class="modal fade" id="modal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 9-->
<div class="modal fade" id="modal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 10-->
<div class="modal fade" id="modal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 11-->
<div class="modal fade" id="modal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>

<!-- Modal 12-->
<div class="modal fade" id="modal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Deskripsi Mouse Logitech</h4>
            </div>
            <div class="modal-body">
                ini keterangan<br>
                contoh : <br>
                Membunyai display 4 warna : <br>
                merah, biru, item, abu - abu <br>
                Masa Durasi 2th<br>
                Batrai A4 "satu saja"<br>
                Caliber: 5.56x45mm NATO <br>
                Weigth: 5.3 kg empty; 6.85 kg with 100 rounds belt in combat box <br>
                Length: 900 mm <br>
                Length of barrel: 400 mm <br>
                Feeding: desintegrating belt, 100 or 200 rounds <br>
                Rate of fire: 850-900 or 1200 rounds/min
            </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
    </div>
</div>
<!-- Modal End -->

<nav class="navbar navbar-default navbar-static-top" role="navigation">
	<div class="container">
		<!--slide-->
		<!--slide-->
			
			<!--awkkawkawkawkawkawkkawkwakawkawkawkakwkawkaw-->
			<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
							<a class="navbar-brand" href="Tampilan.php"><b>Wendy Beta Tester<b></a>
							<ul class="nav navbar-nav navbar-right">
							<li><a href="#">About</a></li>
							<li><a href="#">Contact</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Member<b class="caret"></b></a>
									<ul class="dropdown-menu">								
										<li><a href="#">Masuk</a></li>
										<li class="divider"></li>
										<li><a href="#">Daftar</a></li>
										<li class="divider"></li>
										<li><a href="#">Coming son</a></li>
										<li class="divider"></li>
										<li><a href="blog.wendybudiawan.com/wp">Sukonto Legowo</a></li>
										<li class="divider"></li>
									<li><a href="#">Main Tenis</a></li>
								</ul>
							</li>
							</ul>
					</div>
					
					<div class="navbar-collapse collapse">
							<!--<form class="navbar-form navbar-right">
							<input type="text" class="form-control" placeholder="Search...">
							</form>-->
							<form class="navbar-form navbar-right" role="search">
							<div class="form-group">
							<input type="text" class="form-control" placeholder="Search">
							</div>
							<button type="submit" class="btn btn-default">Submit</button>
							</form>
					</div>
				</div>
			</div>
			<br>
			<br>
			<br>
			<br>


			<!--slide test-->
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			  <ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1" ></li>
				<li data-target="#carousel-example-generic" data-slide-to="2" ></li>
			  </ol>
			  
			  <!-- Wrapper for slides -->
			<div class="carousel-inner">
				<div class="item active"> <!---->
					<img class="img-responsive" src="css/image/slide1.jpg" alt="First-Slide-Image 900x500">	  
						<div class="carousel-caption">
					<!--On Going-->
				</div>
			</div>
					
			<div class="item">
				<img src="css/image/slide2.jpg" alt="Second-Slide-Image 900x500">
						<div class="carouse2-caption">
					<!--On Going-->
				</div>	  
			</div>

			<div class="item">
				<img src="css/image/slide3.jpg" alt="Second-Slide-Image 900x500">
						<div class="carouse2-caption">
							<!--On Going-->
					</div>	  
				</div>		
			</div>


			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
			</div>
			<!--slide test-->
			
			
			&nbsp
						<!--<a href="Register.php" class="btn btn-primary btn-lg active" role="button">Register Darurat</a>-->
			<div class="row">			
                            <div align="center">
                                <ul class="pagination pagination-lg">
                                    <li><a href="#">&laquo;</a></li>
                                    <li><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">&raquo;</a></li>
                                </ul>
                            </div>
			</div>
			
			<!--1-->
			<div class="row">
			
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal1').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal2').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal3').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal4').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			</div>
			<!--2-->
			<div class="row">
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal5').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal6').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			<div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal7').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
                        <div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal8').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
			</div>
			</div>
			<!--3-->
			<div class="row">
                        <div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal9').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal10').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal11').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="thumbnail">
                                <a href="javascript:void(0)" onclick="$('#modal12').modal(show=true);">
                                    <img class="img-responsive" alt="200x200" src="css/image/mouse.jpg" style="width: 200px; height: 200px;"/>
                                </a>
                                <div class="caption">
                                        <h4>Ini Judul "Mouse Logitech"</h4><br>	
                                </div>
                            </div>
                        </div>
                        </div>
			
			<div class="row">
                            <div class="row">			
                                <div align="center">
                                    <ul class="pagination pagination-sm">
                                        <li><a href="#">&laquo;</a></li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li><a href="#">&raquo;</a></li>
                                    </ul>
                                </div>
                            </div>
			</div>

			
			<footer>
				<div class="row">
					<div class="col-xs-12 col-md-12"><p class="text-center">@Wendy</p>
					</div>
				</div>
			</footer>
			<script src="./Starter Template for Bootstrap_files/jquery.min.js"></script>
			<script src="./Starter Template for Bootstrap_files/bootstrap.min.js"></script>
	</div><!--div-->
</nav>
</body>
</html>